<template>
  <div class="h-full" v-drop-image="{ url: 'UploadUrl', highlightStyle: { backgroundColor: 'lightblue' } }">
    <div class="layout-content flex">
      <CanvasLeft class="layout-content-left w-[50px] h-[100vh] z-10 bg-[#fff]" />
      <CanvasMenu class="layout-content-menu" />
      <CanvasThumb class="w-[160px] h-full flex flex-shrink-0 bg-[#fff] flex-col select-none" />
      <div class="layout-content-center">
        <CanvasHeader class="center-header relative flex justify-between py-[10px] text-[14px] select-none h-[39px]" />
        <CanvasCenter class="center-body" />
        <CanvasFooter class="center-footer h-[40px] relative leading-1.5 flex justify-between" />
        <CanvasAffix  class="center-affix"/>
      </div>
      <CanvasRight class="layout-content-right h-full w-[260px] bg-[#fff] flex flex-col" />
      <CanvasDom class="absolute -z-[200] -left-[300px]" />
    </div>
    <!-- <CanvasTour /> -->
  </div>
</template>

<script setup>
import { vue } from '@core';
import axiosUtil from '@lib/axiosUtil.js';
import restPath from "../config"
import CanvasLeft from "./CanvasLeft/index.vue";
import CanvasHeader from "./CanvasHeader/index.vue";
import CanvasMenu from "./CanvasMenu/index.vue";
import CanvasThumb from "./CanvasThumb/index.vue";
import CanvasCenter from "./CanvasCenter/index.vue";
import CanvasFooter from "./CanvasFooter/index.vue";
import CanvasAffix from "./CanvasAffix/index.vue";
import CanvasRight from "./CanvasRight/index.vue";
import CanvasDom from "./CanvasDom/index.vue";
import CanvasTour from "./CanvasTour/index.vue";

</script>

<style lang="scss" scoped>
.layout-content {
  height: calc(100% - 40px);
}
.layout-content-center {
  width: calc(100% - 50px - 160px - 260px);

  .center-header {
    border-left: 1px solid $borderColor;
  }
  .center-body {
    height: calc(100% - 40px);
    // margin: 100px;
  }
  .center-footer {
    border-top: 1px solid $borderColor;
    background-color: $lightGray;
  }
}
.layout-content-right {
  border-left: solid 1px $borderColor;
}
</style>